<!DOCTYPE html>
<html>
<head>
<style>
.lbl{
	display:inline-block;
	width:65px;
	text-align:right;
	margin:3px;
	
}
</style>
<meta charset="UTF-8">
<title>Insert title here</title>

</head>
<body>
<h1 style='font-size:80px'>CSS Example</h1>
<p style = 'border:5px solid #ff0000;
			padding:30px;width:300px'>p 태그를 사용한 문단모양</p>
<div style='border:8px dotted #0000ff;padding:20px;
	 align:center;width:250px'>div 태그를 사용한 문단모양</div>
	 
<hr/>
<label class='lbl'>성명</label>
<input type='text' name='mid'><br/> 
<label class='lbl'>암호</label>
<input type="password"name='pwd'><br/>
<label class='lbl'>닉네임</label>
<input type='text'name='nic'><br/>

</body>
</html>